html {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

::-webkit-scrollbar {
  width: 1.4rem;
  background-color: rgb(56, 53, 58);
}

::-webkit-scrollbar-track {
  border-radius: 0.8rem;
  background-color: rgb(56, 53, 58);
}

::-webkit-scrollbar-thumb {
  background: radial-gradient(circle, rgb(33, 7, 51) 33%, rgb(56, 53, 58) 100%);
  border-radius: 0.8rem;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(33, 7, 51);
}

body {
  background: radial-gradient(circle, rgb(81, 61, 211) 0%, rgb(51, 10, 80) 80%);
}

.custom-section {
  background: radial-gradient(circle, rgb(51, 10, 80) 0%, rgb(81, 61, 211) 80%);
  /* background-image: linear-gradient( rgb(81, 61, 211), rgb(51, 10, 80), rgb(81, 61, 211));*/
  padding: 1%;
}

.custom-section a{
  color: antiquewhite !important;
  font-size: large;
  font-weight: bold;
}

.custom-section img{
border-radius: 2%;
}